<!DOCTYPE html>
<html  lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
       xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- CSRF -->
  <meta name="_csrf" th:content="${_csrf.token}"/>

  <title>SB Admin 2 - Dashboard</title>

  <!-- Custom fonts for this template-->
  <link th:href="@{/component/bootstrap-sb-admin-2/vendor/fontawesome-free/css/all.min.css}" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <!-- Custom styles for this template-->
  <link th:href="@{/component/bootstrap-sb-admin-2/css/sb-admin-2.min.css}" rel="stylesheet">

  <!--waiting-->
  <link rel="stylesheet" type="text/css" th:href="@{/component/waiting.min.css}"/>

  <!--contextMenu-->
  <link th:href="@{/component/contextMenu/jquery.contextMenu.css}" type="text/css" rel="stylesheet"/>

  <link th:href="@{/css/style.css}" type="text/css" rel="stylesheet"/>
  <!--<style>-->
    <!--@media(max-width:767px){.hidden-xs{display:none!important}}-->
    <!--@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}-->
    <!--@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}-->
    <!--@media(min-width:1200px){.hidden-lg{display:none!important}}-->
    <!--@media (min-width: 576px) {-->
      <!--.btn-bottom {-->
        <!--margin-top: 31px;-->
      <!--}-->
    <!--}-->
  <!--</style>-->

</head>

<body id="page-top">

<!-- Begin Page Content -->
<div class="container-fluid mt-4" layout:fragment="content">

</div>
<!-- /.container-fluid -->

  <!-- Bootstrap core JavaScript-->
  <script th:src="@{/component/bootstrap-sb-admin-2/vendor/jquery/jquery.min.js}"></script>
  <!--<script src="/component/jquery-1.8.2.min.js}"></script>-->
  <script th:src="@{/component/bootstrap-sb-admin-2/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>

  <!-- Core plugin JavaScript-->
  <script th:src="@{/component/bootstrap-sb-admin-2/vendor/jquery-easing/jquery.easing.min.js}"></script>

  <!-- Custom scripts for all pages-->
  <script th:src="@{/component/bootstrap-sb-admin-2/js/sb-admin-2.min.js}"></script>
  <!-- Page level plugins -->
  <!--<script th:src="@{/component/bootstrap-sb-admin-2/vendor/datatables/jquery.dataTables.min.js}"></script>-->
  <!--<script th:src="@{/component/bootstrap-sb-admin-2/vendor/datatables/dataTables.bootstrap4.min.js}"></script>-->

  <script type="text/javascript" language="javascript" th:src="@{/component/colResizable-1.6/colResizable-1.6.min.js}"></script>
  <script type="text/javascript" language="javascript" th:src="@{/component/customized/CommonUtils.js}"></script>

  <!--contextMenu-->
  <script th:src="@{/component/contextMenu/jquery.ui.position.js}" type="text/javascript" charset="utf-8"></script>
  <script th:src="@{/component/contextMenu/jquery.contextMenu.js}" type="text/javascript" charset="utf-8"></script>

  <!-- customized -->
  <script th:src="@{/component/customized/submitData.js}" type="text/javascript" charset="utf-8"></script>
  <script th:src="@{/component/customized/datagrid.js}" type="text/javascript" charset="utf-8"></script>
  <!--<script th:src="@{/component/layer-2.1/layer.js}" type="text/javascript" charset="utf-8"></script>-->
  <script th:src="@{/component/customized/jQueryKeyEvent.js}" type="text/javascript" charset="utf-8"></script>

  <script type="text/javascript" th:inline="javascript">
      /*<![CDATA[*/
      var webContext = /*[[@{/}]]*/ '';
      /*]]>*/
      var csrfToken = $("meta[name='_csrf']").attr("content");
      $(function () {
          $("#content_header_pack_btn").click(function () {
              if ($("#content_header").is(":hidden")) {
                  $("#content_header").show();
                  $(this).html("<i class=\"fas fa-angle-left fa-2x\"></i>");
                  $(this).css("right","0px");
                  $(this).css("padding-right","2px");
                  $(this).css("padding-left","5px");
              } else {
                  $("#content_header").hide();
                  $(this).html("<i class=\"fas fa-angle-right fa-2x\"></i>");
                  $(this).css("right","");
                  $(this).css("padding-right","0px");
                  $(this).css("padding-left","2px");
              }
          });
      });
  </script>

  <div layout:fragment="js"></div>

</body>

</html>
